<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>kafkaCheckMsg</title>

    <link href="../../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <link href="../../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="../../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
    <link href="../../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />

    <link href="../../assets/global/plugins/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" type="text/css" />

    <link href="../../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
    <link href="../../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />

    <link href="../../assets/global/plugins/jstree/dist/themes/default/style.min.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="../../assets/global/plugins/layui/css/layui.css"/>
    <link rel="stylesheet" href="../../assets/custom/css/tabstyle.css"/>
    <link rel="stylesheet" href="../../assets/custom/css/iconfont.css"/>
    <link rel="stylesheet" href="../../assets/custom/css/change_form.css"/>
    <link rel="stylesheet" href="../../assets/custom/css/changeother.css"/>

</head>
<body class="gray contentPadding">
<div class="left_tree hFill">
    <div class="form-horizontal" role="form">
        <div class="form">
            <label class="control-label">选择消息主题:</label>

            <div class="left_tree_se">
                <input type="text" id="plugins4_q" class=" input-small input-inline">
                <i class="fa fa-search search-icon"></i>
            </div>
        </div>
    </div>
    <!-- ======================================   tree开始  ====================================================== -->
    <div class="portlet-body">
        <div id="tree_3" >
        </div>
    </div>
    <!-- ======================================   tree结束  ====================================================== -->
</div>
<div class="right_tbale hFill">
    <div class="from_control">
        <div class="from_control_l">
            <div class="label_on">预览前 <input type="text" style="margin: 0 10px;">条</div>
        </div>
        <div class="from_control_r">
           <button class="btn default">刷新</button>
        </div>

    </div>
    <table class="layui-table" id="LAY_table_user" lay-filter="user"></table>
</div>

</body>
<script src="../../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/bootstrap-select/js/bootstrap-select.min.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/jquery-multi-select/js/jquery.multi-select.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/select2/js/select2.full.min.js" type="text/javascript"></script>

<script src="../../assets/global/scripts/app.min.js" type="text/javascript"></script>

<script src="../../assets/global/plugins/jstree/dist/jstree.min.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/jstree/dist/ui-tree.min.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/jstree/src/jstree.search.js"></script>

<script src="../../assets/pages/scripts/components-select2.min.js" type="text/javascript"></script>

<script src="../../assets/pages/scripts/components-multi-select.min.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/layui/layui.all.js"></script>
<script>
    //表格的渲染
    layui.use('table', function(){
        var table = layui.table;

        //第一个页面的表格
        table.render({
            elem: '#LAY_table_user'
            ,url: '../layui_table.json'
            ,cols: [[
                {field:'username', title: '消息时间'}
                ,{field:'sex', title: 'Key'}
                ,{field:'organization', title: 'Value'}
            ]]
            ,cellMinWidth: 80
            ,id: 'testReload'
            ,page: false
            ,height: 'full-80'
            ,done :function(){
                console.log('hahha')
            }
        });


    });
</script>

</html>